import loadMore from "@/components/loadMore";
export default {
  components: {
    loadMore,
  },
  data () {
    return {
      page: 0,
      totalPages: 1,
      list: [],
      loading: false
    }
  },
  computed: {
    loadingType () {
      //暂无数据显示
      if (this.list.length <= 0)
        return 0
      //加载更多
      else if (this.totalPages > this.page + 1)
        return 1
      //显示已经到底部
      else if (this.list.length > 4 && this.page <= this.totalPages)
        return 2

    }
  },
  mounted () {
    this.handleScroll()
  },
  methods: {
    //滚动到底部加载
    handleScroll () {
      let that = this
      window.onscroll = function () {
        //变量scrollTop是滚动条滚动时，距离顶部的距离
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        //变量windowHeight是可视区的高度
        var windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
        //变量scrollHeight是滚动条的总高度
        var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
        //滚动条到底部的条件
        if (scrollTop + windowHeight == scrollHeight) {
          //   //写后台加载数据的函数
          if (this.loading) return
          if (this.totalPages > this.page + 1) {
            this.page++
            this.fetch()
          }
        }
      }.bind(this)
    },

    fetch () { }
  }
}
